<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>    
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>SM专区</title>
    <link rel="stylesheet" href="css/sm-area.css">
    <!-- 动态计算px-rem转换 -->
    <script>
        (function (doc, win) {
            var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
                var clientWidth = docEl.clientWidth;
                if (!clientWidth) return;
                docEl.style.fontSize = 100 * (clientWidth / 360) + 'px';
                docEl.getElementsByTagName("body")[0].style.fontSize = docEl.style.fontSize;
            };
            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, recalc, false);
            doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window)
    </script>
            
</head>
<body>
    <div id="box">
        <!-- 上面图片 -->
        <div class="smimg">
            <img src="img/SM-area/bg.png" alt="">
        </div>
        <div class="goods">
            <dl>
                <dt id="j-img">
                    <a href="javascript:;"><img src="img/SM-area/tupian.png" alt=""></a>
                </dt>
                <dd>
                    <a href="javascript:;"><p id="j-goods-title">猫猫版温柔带感——简爱双头舌舔振动棒</p></a>
                    <span id="j-goods-money">￥179.00</span>
                    <span>销量：<i>122</i></span>
                </dd>
            </dl>
            <dl>
                <dt id="j-img">
                    <a href="javascript:;"><img src="img/SM-area/tupian.png" alt=""></a>
                </dt>
                <dd>
                    <a href="javascript:;"><p id="j-goods-title">猫猫版温柔带感——简爱双头舌舔振动棒</p></a>
                    <span id="j-goods-money">￥179.00</span>
                    <span>销量：<i id="j-sales">122</i></span>
                </dd>
            </dl>
            <dl>
                <dt id="j-img">
                    <a href="javascript:;"><img src="img/SM-area/tupian.png" alt=""></a>
                </dt>
                <dd>
                    <a href="javascript:;"><p id="j-goods-title">猫猫版温柔带感——简爱双头舌舔振动棒</p></a>
                    <span id="j-goods-money">￥179.00</span>
                    <span>销量：<i id="j-sales">122</i></span>
                </dd>
            </dl>
            <dl>
                <dt id="j-img">
                    <a href="javascript:;"><img src="img/SM-area/tupian.png" alt=""></a>
                </dt>
                <dd>
                    <a href="javascript:;"><p id="j-goods-title">猫猫版温柔带感——简爱双头舌舔振动棒</p></a>
                    <span id="j-goods-money">￥179.00</span>
                    <span>销量：<i id="j-sales">122</i></span>
                </dd>
            </dl>
            <dl>
                <dt id="j-img">
                    <a href="javascript:;"><img src="img/SM-area/tupian.png" alt=""></a>
                </dt>
                <dd>
                    <a href="javascript:;"><p id="j-goods-title">猫猫版温柔带感——简爱双头舌舔振动棒</p></a>
                    <span id="j-goods-money">￥179.00</span>
                    <span>销量：<i id="j-sales">122</i></span>
                </dd>
            </dl>
            <dl>
                <dt id="j-img">
                    <a href="javascript:;"><img src="img/SM-area/tupian.png" alt=""></a>
                </dt>
                <dd>
                    <a href="javascript:;"><p id="j-goods-title">猫猫版温柔带感——简爱双头舌舔振动棒</p></a>
                    <span id="j-goods-money">￥179.00</span>
                    <span>销量：<i id="j-sales">122</i></span>
                </dd>
            </dl>
            <dl>
                <dt id="j-img">
                    <a href="javascript:;"><img src="img/SM-area/tupian.png" alt=""></a>
                </dt>
                <dd>
                    <a href="javascript:;"><p id="j-goods-title">猫猫版温柔带感——简爱双头舌舔振动棒</p></a>
                    <span id="j-goods-money">￥179.00</span>
                    <span>销量：<i id="j-sales">122</i></span>
                </dd>
            </dl>
            <dl>
                <dt id="j-img">
                    <a href="javascript:;"><img src="img/SM-area/tupian.png" alt=""></a>
                </dt>
                <dd>
                    <a href="javascript:;"><p id="j-goods-title">猫猫版温柔带感——简爱双头舌舔振动棒</p></a>
                    <span id="j-goods-money">￥179.00</span>
                    <span>销量：<i id="j-sales">122</i></span>
                </dd>
            </dl>
            
        </div>
        <!-- 进阶处 -->
        <div class="jinjie">
            <img src="img/SM-area/Group 6.png" alt="">
        </div>
        <div class="goods">
            <dl>
                <dt id="j-img">
                <a href="javascript:;"><img src="img/SM-area/tupian.png" alt=""></a>
            </dt>
                <dd>
                    <a href="javascript:;"><p id="j-goods-title">猫猫版温柔带感——简爱双头舌舔振动棒</p></a>
                    <span id="j-goods-money">￥179.00</span>
                    <span>销量：<i id="j-sales">122</i></span>
                </dd>
            </dl>
            <dl>
                <dt id="j-img">
                    <a href="javascript:;"><img src="img/SM-area/tupian.png" alt=""></a>
                </dt>
                <dd>
                    <a href="javascript:;"><p id="j-goods-title">猫猫版温柔带感——简爱双头舌舔振动棒</p></a>
                    <span id="j-goods-money">￥179.00</span>
                    <span>销量：<i id="j-sales">122</i></span>
                </dd>
            </dl>


        </div>

    </div>

    
</body>
</html>